<!--垃圾处置费-->
<template>
  <div class="refuse-disposal-box">
    <PageTitle class="boxTitle" :text="title"></PageTitle>
    <!-- <div class="date-tips">2023-07-04 11:26 发表于重庆</div> -->
    <div class="con-box detailContent">
      <div class="primary-tit title">申请信息</div>
      <web-view
          class="my-webview"
          :webview-style="webviewStyles"
          :src="`https://cqzr-1318844901.cos.ap-chongqing.myqcloud.com/pdf/12_business/%E6%89%AB%E6%8F%8F%E4%BB%B6_%E5%85%B3%E4%BA%8E%E9%87%8D%E5%BA%86%E5%B8%82%E5%9F%8E%E5%B8%82%E7%94%9F%E6%B4%BB%E5%9E%83%E5%9C%BE%E5%A4%84%E7%BD%AE%E8%B4%B9%E6%94%B6%E8%B4%B9%E6%A0%87%E5%87%86%E7%9A%84%E9%80%9A.pdf`"></web-view>
      <div class="primary-tit title">垃圾处置费代收</div>
      <p class="p">垃圾处置费代收政策：</p>
      <b class="b">1、收费依据。根据《关于土地闲置、城镇垃圾处理费划转税务部门征收的通知》（财税〔2021〕第8号）、《重庆市城市生活垃圾处置费征收管理办法》（渝府令〔2011〕第255号）和《关于重庆市城市生活垃圾处置费收费标准的通知》（渝价〔2011〕315号）文件。</b>
      <b class="b">2、征收垃圾处置费是为了促进城市生活垃圾无害化处理，改善城市人居环境，燃气集团受市环卫部门委托代收此费用。相关企、事业单位及个人应履行应有的义务。</b>
      <b class="b">3、如客户对缴纳垃圾处置费有疑问，客户可致电所在区环卫部门或市级环卫部门。</b>
      <b class="b">4、收费标准</b>
      <b class="b">1) 城市生活垃圾处置费属行政事业性收费，实行政府定价。主城区居民城市生活垃圾处置费按照每月8元/户计收。</b>
      <b class="b">2) 重庆市财政局、重庆市税务局另行规定的，按文件执行。</b>
      <div class="primary-tit title">主城各区垃圾处置费咨询电话</div>
      <p class="p">市环卫部门：67909660</p>
      <p class="p">两路环卫所：023-81924554</p>
      <p class="p">渝北区仙桃环卫所：023-88959273</p>
    </div>
    <!-- <div class="con-box tips">
      <div class="warning-tit title">温馨提示</div>
      <div>初一年级是学生由小学进入中学的入门阶段。初中写作要求学生具备较强的文字运用能力。下面小编为大家带来初一的初一作文优秀范文大全800字6篇，希望对大家的写作有帮助</div>
    </div> -->

    <FooterTel></FooterTel>
  </div>
</template>

<script>
import PageTitle from '../components/pageTitle.vue'
import FooterTel from '../components/footerTel.vue'
const rules = [{
  name: "name",
  rule: ["required"],
  msg: ["请输入姓名"]
  // }, {
  //   name: "address",
  //   rule: ["required"],
  //   msg: ["请输入地址"]
}, {
  name: "phone",
  rule: ["required", "isMobile"],
  msg: ["请输入手机号", "请输入正确的手机号"]
}];
export default {
  name: 'Detail',
  components: {
    PageTitle,
    FooterTel
  },
  data () {
    return {
      title: null,
      // openid: 'oi8TY6O8cwzuaSky6VNq214MHjVs',
      formData: {
        openid: '',
        number: '',
        name: '',
        // address: '',
        phone: '',
        content: '',
      },
      rules: rules,
      loading: false,
      openId: null,
      webviewStyles: {
        progress: {
          color: '#FFFFFF'  // 隐藏进度条（设为白色或与背景同色）
        },
        // 隐藏导航栏（部分平台有效）
        titleNView: {
          visible: false
        }
      }
    };
  },
  async onShow () {

  },
  async onLoad (e) {
    var vm = this;
    vm.title = e.title
  },
  created () {
  },
  methods: {
    submit () {
      var vm = this;
      vm.getId()
      if (!vm.$refs.form) return;
      vm.$refs.form.validate(vm.formData, vm.rules).then(res => {
        vm.formData.openid = vm.openId
        vm.loading = true
        vm.tui.request('/api/gaswaste/add', 'post', vm.formData, false, false, true).then((res) => {
          if (res.code == 200) {
            uni.showToast({
              icon: "success",
              title: '添加成功'
            });
            setTimeout(() => {
              vm.formData = {}
              uni.redirectTo({
                url: '/pages/index/index'
              });
              vm.loading = false
            }, 500);
          }
        }).catch((e) => { })
      }).catch(errors => {
        console.log(errors)
      })
    },
    getId () {
      var vm = this;
      vm.openId = uni.getStorageSync('openId')
	  // vm.openId = "123456"
      // 没有openId跳转获取code页面
      if (!vm.openId) return vm.func.goto('/pages/getCode/index')
    }
  },
  mounted () {
    var vm = this;
    // vm.getId()
  },
};
</script>

<style lang="scss" scoped>
@import "../../static/css/module.scss";
.refuse-disposal-box {
  padding-bottom: 20px;
  .my-webview {
    position: relative;
    width: 80vw;
    height: 70vh;
    margin: 5px auto;
    border: 1px solid #eee;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  }
  .boxTitle {
    margin: 10px 14px;
  }
  .detailContent,
  .tips {
    padding: 0 18px 20px;
    margin: 14px;
    font-size: 15px;
    line-height: 22px;
    overflow: hidden;
    .title {
      width: 100%;
      height: 30px;
      padding-left: 14px;
      line-height: 30px;
      font-size: 17px;
      font-weight: bold;
      color: #222;
      box-sizing: border-box;
      margin: 10px 0;
    }
    :v-deep .tui-textarea__wrap,
    :v-deep .tui-input__wrap {
      padding: 12px 0 12px 8px !important;
    }
    :v-deep .tui-placeholder,
    :v-deep .tui-textarea__label,
    :v-deep .tui-textarea__self,
    :v-deep .uni-input-placeholder,
    :v-deep .tui-input__label,
    :v-deep.tui-input__self {
      font-size: 15px !important;
      uni-text,
      text {
        font-size: 15px !important;
      }
    }
    :v-deep.tui-textarea__wrap {
      align-items: flex-start !important;
    }
    :v-deep .tui-input__required {
      left: 0;
      top: 45%;
    }
    .tui-btn__box {
      padding-top: 30px;
    }
  }
  :v-deep .tui-form__errmsg {
    left: 14px;
    right: 14px;
  }
}
</style>
